/* eslint-disable turbo/no-undeclared-env-vars */
import getLocal from "@repo/local/i18n";
import { LocalType } from "@repo/local/i18n/local-base";
import { Fragment } from "react";

export const generateStaticParams = async () => [
  { local: "cn" },
  { local: "en" },
];
export const dynamicParams = false;

export default ({ params }: { params: { local: LocalType } }) => {
  return (
    <Fragment>
      {/* win系统如果cmd启动请用 set RED_SHELL_VAR="abcd" */}
      {/* win系统如果Powershell启动请用 $env:RED_SHELL_VAR="abcd" */}
      {/* mac系统启动请用 export RED_SHELL_VAR="abcd" */}
      {/* （视频00：03：09） */}
      <div>runtime env NAME: {process.env.RED_SHELL_VAR}</div>
      {/* ENV_NAME 修改 请在apps\web\package.json文件中 */}
      {/* 1.如果你是 npm run test 启动 */}
      {/* 1.1 scripts ==> test ==> NODE_ENV=abcd */}
      {/* 2.如果你是 npm run dev 启动 */}
      {/* 2.2 scripts ==> dev ==> NODE_ENV=abcd */}
      {/* （视频00：02：19） */}
      <div>file env NAME: {process.env.ENV_NAME}</div>
      {/* api 逻辑请进入 apps\web\app\af\api\login\route.ts 文件修改逻辑 */}
      {/* （视频00：03：25） */}
      <form action={`/af/api/login?local=${params.local}`} method="post">
        <p>{getLocal(params.local).pwTitleName}</p>
        <input type="password" name="pw" id="pw"></input>
        <div>
          <button type="submit">login</button>
        </div>
      </form>
    </Fragment>
  );
};
